<div id="userMenu">
  <span id="welcomeMessage"><%="Hello #{current_user.first_name}"%></span>
  <div id="menu">
    <ul id="myAccountMenu" class="menuItem">
      <li class="collasped">My Account
        <ul>
          <li>Hey!</li>
          <li>Hey!</li>
        </ul>
      </li>
    </ul>
    <script type="text/javascript">SetupMenuTree("myAccountMenu")</script>
    <ul id="myMatchesMenu" class="menuItem">
      <li class="collasped">My Matches
        <ul>
          <li>Hey!</li>
          <li>Hey!</li>
          <li>Hey!</li>
          <li>Hey!</li>
        </ul>
      </li>
    </ul>
    <script type="text/javascript">SetupMenuTree("myMatchesMenu")</script>
    <ul id="myMessagesMenu" class="menuItem">
      <li class="collasped">My Messages
        <ul>
          <li>Hey!</li>
          <li>Hey!</li>
          <li>Hey!</li>
        </ul>
      </li>
    </ul>
    <script type="text/javascript">SetupMenuTree("myMessagesMenu")</script>
  </div>
</div>